<template>
<div id="app">
    <!-- 其他页 -->
    <el-container v-if="$route.meta.keepAlive">
      <el-aside width="200px">
          <left></left>
      </el-aside>
    <el-container>
      <el-header style="margin-top: 20px; height: 30px;">
        <header-nav></header-nav>
      </el-header>
      <el-main>
         <router-view></router-view>
      </el-main>
    </el-container>
    </el-container>
    <!-- 登录注册页 -->
    <router-view v-if="!$route.meta.keepAlive"></router-view>
   </div>
</template>

<script>
import left from './components/left.vue'
import header from './components/header.vue'
export default {
  components: {
    headerNav: header,
    left: left
  }
}
</script>
<style lang="scss"></style>
